<!DOCTYPE html>
<html>

<head>

    <meta charset="UTF-8">

    <title>添加和使用爬虫</title>

    <link rel="stylesheet" href="/static/css/style.css" media="screen" type="text/css"/>

</head>

<body>

<html lang="en">

<head>
    <meta charset="UTF-8">
    <title> Flying Spaghetti Monster Restaurant </title>

    <!-- external styles -->
    <link rel="stylesheet" href="/static/css/normalize.min.css">
    <link rel="stylesheet" href="/static/css/style2.css">

</head>

<body>

<!-- Contact form -->
<form action="{% url "add_spider" %}" id="contact" method="post">
    {% csrf_token %}

    <!-- Logo, title and informative content -->

    <h1 id="title"> 添加爬虫 </h1>
    <p id="pre">
        你可以使用这个界面来添加一个爬虫，你选择的爬虫是: <i style="color: red">{{ name }}</i>
    </p>

    <!-- Form fields wrapper -->
    <div id="" class="addsp">

        <!-- Name -->
        <input type="text" class="has_icon" name="name" placeholder="给这个爬虫取一个名字以便可以快速查找" required>
        <label class="icon-user" for="name"></label>

        {% if typ == '1' or typ == '2' %}
            <input type="text" class="has_icon" name="key" placeholder="爬取关键字段" required>
            <label class="icon-user" for="name"></label>
        {% endif %}

        <!-- Email -->
        <input type="email" class="has_icon" name="email" placeholder="提交你的email爬虫完成后会进行通知,
        前提是你开启了这个服务,可以为空" value="K@Q.com">
        <label class="icon-envelope" for="name"></label>

        <input type="hidden" value="{{ s_id }}" name="s_id">

        <!-- Contact -->

        <!-- Submit -->
        <button id="submit" type="submit">
            添加爬虫
        </button>

    </div>

</form>

</body>
</html>


</body>

</html>